@import 'theme';
@import 'functions';
@import 'mixins';

// cx-order-summary color variables
$cx-order-summary-background-color: 'background' !default;
$cx-order-summary-promotions-color: 'success' !default;
$cx-order-summary-total-savings-color: 'success' !default;

.cx-order-summary {
  padding: 1rem;
  margin-bottom: 1.5rem;

  &__label {
    text-align: left;
    padding: 0;
  }
  &__amount {
    text-align: right;
    padding: 0;
  }
  &__promotions {
    @include var-color('color', $cx-order-summary-promotions-color);
    @include type('7');
    padding: 0.5rem 0;
  }
  &__row {
    padding: 0.5rem 0;
    display: flex;
    flex-wrap: wrap;
  }
  &__total-savings {
    @include var-color('color', $cx-order-summary-total-savings-color);
  }
  &__total-final {
    font-weight: bold;
  }
}
